<!--<ion-view view-title="Account">-->
  <!--<ion-content>-->
    <ion-list>
      <div style="margin-left:0.5%">
        <ion-scroll on-release="releaseFromScrollOne()" delegate-handle="scrollOne" style="width: 33%;height: 265px;float: left;" on-scroll="executeScroll($event)">
          <ion-item>&nbsp;</ion-item>
          <ion-item>&nbsp;</ion-item>
          <ion-item ng-repeat="pro in pros">{{pro.name}}</ion-item>
          <ion-item>&nbsp;</ion-item>
          <ion-item>&nbsp;</ion-item>
        </ion-scroll>
        <ion-scroll on-release="releaseFromScrollTwo()" delegate-handle="scrollTwo" style="width: 33%;height: 265px;float: left;">
          <ion-item>&nbsp;</ion-item>
          <ion-item>&nbsp;</ion-item>
          <ion-item ng-repeat="city in scrollProperty.scrollTowArray">{{city.name}}</ion-item>
          <ion-item>&nbsp;</ion-item>
          <ion-item>&nbsp;</ion-item>
        </ion-scroll>
        <ion-scroll on-release="releaseFromScrollThree()" delegate-handle="scrollThree" style="width: 33%;height: 265px;float: left;">
          <ion-item>&nbsp;</ion-item>
          <ion-item>&nbsp;</ion-item>
          <ion-item ng-repeat="town in scrollProperty.scrollThreeArray">{{town.name}}</ion-item>
          <ion-item>&nbsp;</ion-item>
          <ion-item>&nbsp;</ion-item>
        </ion-scroll>
        <div style="pointer-events: none; height: 54px;width: 100%;background: #000000;position: absolute;opacity: 0.2;margin-top: 104px;"></div>
      </div>
    </ion-list>
  <!--</ion-content>-->
<!--</ion-view>-->
